.container {
  width: 1200px;
  margin: 0 auto;
}

/* top部分start */
.jf_top {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  background-color: #f3f3f3;
}

.jf_top a {
  color: #474747;
  text-decoration: none;
}

.jf_top a:hover {
  color: #ff8400;
}

.jf_top .top_menu {
  float: left;
}

.jf_top .top_menu a {
  color: #474747;
  margin-right: 29px;

}

.jf_top .top_menu a:hover {
  color: #ff8400;
}

.jf_top .top_phone {
  float: left;
}

.jf_top .top_phone a {
  display: block;
  padding: 0 25px;
  width: 60px;
  text-align: center;
  cursor: pointer;
  background: url(../images/JfTop.png) no-repeat;
}

.jf_top .top_phone a:hover {
  background-position: left bottom;
}

/* 公告 */
.top_notice {
  width: 323px;
  padding-left: 30px;
  float: right;
  background: url(../images/notice.png) no-repeat left;
}

/* top部分end */


/* 头部start */
.jf_head {
  height: 92px;
  margin: 0 auto;
  /* background-color: rgb(0, 0, 0); */
  background-color: #fff;
}

.jf_head .logo {
  float: left;
  height: 92px;
  line-height: 92px;
}

.jf_head .gg {
  float: left;
  width: 446px;
  height: 43px;
  overflow: hidden;
  margin-left: 178px;
  margin-top: 24px;
}

.jf_head .search {
  float: right;
  width: 353px;
  margin-top: 32px;
  height: 29px;
  line-height: 28px;
  overflow: hidden;
}

.jf_head .search input:first-child {
  display: block;
  width: 259px;
  color: #a0a1a1;
  padding: 0px 10px 0px 10px;
  height: 29px;
  line-height: 28px;
  background: url(../images/search.jpg) left top no-repeat;
  border: 0px;
  float: left;
  outline: none;
  overflow: hidden;
}

.jf_head .search input:last-child {
  width: 72px;
  height: 29px;
  background-color: #ff4400;
  color: #fff;
  font-size: 16px;
  border: none;
  outline: none;
  cursor: pointer;
}

/* 头部end */

/* 导航栏start */
.jf_nav {
  background-color: #f40;
  height: 42px;
  line-height: 42px;
  color: #fff;
}

.jf_nav .nav_box {
  font-size: 16px;
}

.jf_nav .nav_box ul {
  padding: 0;
}

.jf_nav .nav_box li {
  list-style: none;
  float: left;
  text-align: center;
  font-size: 14px;
  font-size: 18px;
}

.jf_nav .nav_box li a {
  color: #fff;
  width: 135px;
  display: inline-block;
  text-decoration: none;
}

.jf_nav .nav_box li a:hover {
  font-weight: 700;
  background: #cc3601;
}

.jf_nav .nav_box li .active {
  font-weight: 700;
  background-color: #cc3601;
}

.jf_nav .nav_box li span {
  color: #cc3601;
}

.jf_nav .nav_box .login-out {
  float: left;
  width: 127px;
  height: 42px;
  line-height: 42px;
  margin-left: 300px;
  background: url(../images/nav.png) no-repeat 7px -150px;
  text-indent: 42px;
  cursor: pointer;
}

.jf_nav .nav_box .login-out p {
  /* 清除“用户登录”几个字的内外边距 */
  margin: 0;
  padding: 0;
}

/* 导航栏end */



/* 主体部分 */
.main {
  width: 100%;
  margin: 0;
  padding: 30px 0 80px;
  position: relative;
  background-color: #F1F1F1;
  /* background-color: #050; */
  overflow: hidden;
  font-size: 14px;
  color: #474747;
}

/* 第一部分：幻灯片和签到 */
.main .first {
  position: relative;
  height: 350px;
  overflow: hidden;
  margin-bottom: 30px;
  /* background-color: #ff8400; */
}

/* 轮播图盒子 */
.main .container .main-left .target {
  width: 820px;
  height: 350px;
  position: relative;
  display: block;
  /* background-color: #cc3601; */
}

/* 轮播图右边的盒子 */
.main .container .main-right {
  float: right;
  width: 352px;
  height: 350px;
  background-color: #fff;
  /* background-color: pink; */
}

/* 签到盒子 */
.main .main-right .sign-btn {
  padding: 28px 52px;
  border-bottom: 1px solid #e9e9e9;
}

/* 签到按钮 */
.main .main-right .sign-btn span {
  text-indent: 61px;
  cursor: pointer;
  display: block;
  height: 52px;
  font-size: 24px;
  color: #ffffff;
  line-height: 52px;
  background: url(../images/sprite.png) no-repeat #ff4401;
  background-position: 27px -51px;
}


/* 最新公告 */
.main .main-right .news {
  padding: 15px 52px 0px;
  /* background-color: lightblue; */
}

.main .main-right .news h4 {
  text-indent: 42px;
  height: 31px;
  font-size: 16px;
  line-height: 31px;
  overflow: hidden;
  background: url(../images/sprite.png) no-repeat 0 -104px;
  margin: 0 0 3px;
}

.main .main-right .news ul {
  background: url(../images/newsbg.png) no-repeat scroll 10px top;
  overflow: hidden;
  margin: 0;
  padding-left: 35px;
}

.main .main-right .news ul li {
  line-height: 28px;
  height: 28px;
  overflow: hidden;
}

/* 寻找客服 */
.main .main-right .find-help {
  padding: 13px 52px 0px;
  height: 28px;
  /* background-color: pink; */
}

.main .main-right .find-help span {
  display: block;
  height: 26px;
  border: 1px solid #e9e9e9;
  float: left;
  position: relative;
  text-indent: 37px;
  line-height: 26px;
  cursor: pointer;
}

.main .main-right .find-help span.qq {
  margin-right: 39px;
  width: 98px;
}

.main .main-right .find-help span.wb {
  width: 105px;
}

.main .main-right .find-help span.wb i {
  background-position: 0 -163px;
}

span i {
  display: block;
  width: 30px;
  height: 28px;
  background: url(../images/sprite.png) no-repeat 0 -135px;
  position: absolute;
  left: -1px;
  top: -1px;
}

/* 第二部分：商品推荐 */
.main .second {
  position: relative;
  height: 890px;
  overflow: hidden;
  margin: 0 auto 0;
}

.second .second-left,
.second-right {
  height: 870px;
  padding: 0px 25px;
  margin-bottom: 20px;
}

.second .second-left {
  /* background-color: aqua; */
  background-color: #fff;
  width: 770px;
  float: left;
}

/* 标题；推荐商品 */
.second .second-left .recommend-title {
  height: 52px;
  border-bottom: 2px solid #f1f1f1;
  line-height: 58px;
  font-size: 16px;
  position: relative;
  margin: 0 0 25px;
}

.second .second-left .clear {
  width: 795px;
  margin-left: 2px;
}

/* 更多 */
.second .second-left .recommend-title .more {
  float: right;
  font-size: 14px;
  font-weight: normal;
}

/* 星星图标 */
.second .recommend-title em {
  display: block;
  width: 22px;
  height: 20px;
  background: url(../images/nav.png) no-repeat 0 -125px;
  float: left;
}

.second .second-left .recommend-title em {
  margin: 19px 10px 0 0;
}

/* 下划线 */
.second .second-left .recommend-title i {
  display: block;
  width: 97px;
  height: 2px;
  background-color: #ff4400;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.second .second-left li {
  width: 235px;
  height: 386px;
  overflow: hidden;
  float: left;
  margin-right: 30px;
  line-height: 22px;
  position: relative;
}

.second .second-left li .news {
  background-position: -97px 0;
}

.second .second-left li .shop-new {
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 1px;
  width: 95px;
  height: 67px;
  background: url(../images/shop-new.png) no-repeat;
}

/* 限量 */
.second .second-left ul .xl {
  background-position: 0 0;
}

/* new */
.second .second-left ul .new {
  background-position: -98px 0;
}

/* 商品链接加上0.2s的过渡动画 */
.second .second-left li a {
  transition: color .2s;
}

/* 商品图片 */
.second .second-left li a.a-img {
  width: 233px;
  height: 275px;
  border: 1px solid #e9e9e9;
  display: block;
  overflow: hidden;
  /* overflow 防止图片变大溢出 */
}

.second .second-left li a.a-img img {
  width: 233px;
  height: 275px;
}

/* 商品名字 */
.second .second-left li .bottom-text {
  padding: 12px 0 0;
  max-height: 44px;
  margin: 0 0 5px;
}

/* 积分 */
.second .second-left li b {
  color: #f40;
}

/* 第二部分:热门兑换 */
.second .second-right {
  background-color: #fff;
  float: right;
}

.second .second-right h3.recommend-title {
  height: 52px;
  border-bottom: 2px solid #f1f1f1;
  line-height: 58px;
  font-size: 16px;
  position: relative;
  margin: 0 0 25px;
}

.second .second-right .recommend-title em {
  background: url(../images/nav.png) no-repeat 0 -450px;
  width: 22px;
  height: 23px;
  margin: 17px 10px 0 0;
}

/* 下划线 */
.second .second-right .recommend-title i {
  display: block;
  width: 97px;
  height: 2px;
  /* background-color: #ff4400; */
  position: absolute;
  bottom: -2px;
  left: 0;
}

.second .second-right .shop-exchange {
  overflow: hidden;
  height: 797px;
  /* background-color: #ff8400; */
}

.second .second-right .shop-exchange li {
  width: 301px;
  height: 111px;
  float: none;
  overflow: hidden;
  border-bottom: 1px solid #f1f1f1;
  padding: 24px 0;
}

.second .second-right .shop-exchange li .exchange-show .a-img {
  display: block;
  float: left;
  width: 88px;
  height: 104px;
  bottom: solid 1px #f1f1f1;
  margin-right: 18px;
  overflow: hidden;
}

/* 用户兑换商品小图 */
.second .second-right .shop-exchange li .exchange-show .a-img img {
  width: 108px;
  height: 104px;
  overflow: hidden;
}

/* 兑换商品的用户名 */
.second .second-right .shop-exchange li .exchange-show .name {
  overflow: hidden;
  text-overflow: ellipsis;
  word-spacing: nowrap;
  margin: 5px 0;
}

/* 兑换的商品名 */
.second .second-right .shop-exchange li .exchange-show a {
  color: #f40;
}

.second .second-right .shop-exchange li .exchange-show a:hover {
  text-decoration: underline;
}